/* css变量 */
  :root {
    /* height */
    --h-nav: 8.75rem;
    --h-logo: 3.25rem;
    --h-lunbo: 67.5rem;
    --h-lunbo-circle: 1.125rem;
    --h-arrow: 5rem;
    --h-footer-small-bg: 6rem;
    --h-footer: 30rem;
    --h-brand-road: 66.434rem;
    --h-duty: 59.375rem;
    --h-txt-duty: 21.875rem;
    --h-img-single-store: 37.25rem;
    --h-img-double-store: 18.125rem;
    --h-img-content-store: 18.563rem;
    --h-tag-store: 1rem;

    /* xp */
    --h-signbord-title-box: 9.375rem;
    --h-signbord-content-li: 9.125rem;
    --h-signbord-content-signImg: 27.5rem; /*暂时的，图片大小不一致*/

    /* 儿童友好 */
    --h-bg-child: 33.5rem;

    /*门店体验*/
    --h-city-item:3.25rem;

    /* line-height */
    --lh-durain-txt: 3.125rem;
    --lh-store-txt:2.69rem;

    /* width */
    --w-logo: 17rem;
    --w-lunbo-circle: 1.125rem;
    --w-arrow: 2.5rem;
    --w-footer-small-bg: 6rem;
    --w-banner-img: 43.688rem;
    --w-events-item: 30%;
    --w-store-tag: 0.875rem;

    /* xp */
    --w-signbord-title-box: 22.5rem;
    --w-signbord-content-signImg: 18.5rem; /*暂时的，图片大小不一致*/

    /*门店体验*/
    --w-city-item:6.38rem;
    --w-search-img:5.25rem;

    /* pos */
    --link-item-1: 15rem;
    --link-item-2: 37.438rem;

    /* margin-left */
    --ml-logo: 4.625rem;

    /* top */
    --top-signboard-title-box: -24.25rem;
    --top-search-img: 0.56rem;

    /* left */
    --left-signboard-title-box: 6.56rem;
    --left-signboard-content: 21.375rem;

    /*right*/
    --right-search-img:1.25rem;

    /* padding */
    --padding-left-nav: 4.625rem;
    --padding-right-nav: 4.625rem;
    --padding-top-nav-li: 0.438rem;
    --padding-left-nav-li: 1.25rem;
    --padding-top-title: 2.063rem;
    --padding-left-title: 3.75rem;
    --padding-top-section: 7.813rem;
    --padding-bottom-section: 2.5rem;
    --padding-left-section: 6rem;
    --padding-top-duty-box: 1.875rem;
    --padding-left-duty-box: 2.375rem;
    --padding-top-footer: 4.5rem;
    --padding-left-footer: 3.25rem;
    --padding-bottom-footer: 2.188rem;
    --padding-top-detail-r: 6.25rem;
    --padding-left-detail-r: 5.75rem;
    --padding-top-tsmall: 0.313rem;
    --padding-left-tsmall: 1.25rem;
    --padding-left-store-txt: 1.98rem;
    --padding-top-store: 2.688rem;
    --padding-bottom-store: 1rem;

    /* xp */
    --padding-sign-center: 3rem;
    --padding-left-sign-li: 3.5rem;
    --padding-right-sign-li: 6.75rem;

    /* 儿童友好 */
    --padding-top-child-box: 3.125rem;
    --padding-left-child-box: 4.375rem;
    --padding-top-child-box-idea: 1.688rem;

    /*门店体验*/
    --padding-top-search: 1.45rem;
    --padding-left-search: 4.52rem;


    /* margin */
    --margin-bottom-title: 4.25rem;
    --margin-bottom-section: 10.625rem;
    --margin-duty-s-title: 2.5rem;
    --margin-top-tsmall: 2.5rem;
    --margin-bottom-tsmall: 0.625rem;
    --margin-left-qrcode-div: 1.875rem;
    --margin-top-qrcode-box: 2.125rem;
    --margin-bottom-events-title: 2.5rem;
    --margin-bottom-events-section: 7.188rem;
    --margin-top-tag: 3rem;
    --margin-store-img: 0.938rem;
    --margin-store-tag: 0.5rem;
    --margin-bottom-store: 8.75rem;
    --margin-bottom-dtop: 4.313rem;
    --margin-durian-img: 3rem;

    /* xp */
    --margin-top-signbord-signText: 1.5rem;
    --margin-top-signbord-food: 1.5rem;
    --margin-top-signbord-illustrate: 6.75rem;
    --margin-bottom-signbord-info: 4.125rem;
    --margin--s-title: 2.5rem;

    /* 儿童友好 */
    --margin-bottom-child-title: 4.25rem;
    --margin-bottom-child-img: 2.06rem;

    /*门店体验*/
    --margin-bottom-search: 2.88rem;
    --margin-top-city: 2rem;
    --margin-right-city: 1.45rem;

    /* border-weight */
    --bw-title: 0.25rem;
    --bw-tsmall: 0.125rem;
    --br-nav-li: 0.875rem;
    --br-detail: 6.25rem;
    --br-title: 1.75rem;
    --br-footer: 6.25rem;
    --br-duty-box: 6.25rem;
    --br-txt--small: 0.938rem;
    --br-events-section: 6.25rem;
    --br-input-search: 3.03rem;
    --br-city-item:0.94rem;

    /* color */
    --color-txt-primary: #000;
    --color-primary: #000;
    --color-strong: #ffb71b;
    --color-green:#76BC21;
    --color-txt-search: rgba(0,0,0,0.1);

    /* text-size */
    --ts-fir: 3.75rem;
    --ts-sec: 3.25rem;
    --ts-third: 3.125rem;
    --ts-four: 3rem;
    --ts-fivth: 2.25rem;
    --ts-sixth: 1.875rem;
    --ts-seventh: 1.5rem;
    --ts-eighth: 1.313rem;
    --ts-ninth: 1.125rem;
    --ts-tenth: 1rem;
    --ts-eleventh: 0.688rem;
    --ts-twelfth: 1.875rem;
    /* --ts-thirteen: */

    /* box-shadow */
    --bs-nav: 1px 2px 20px 2px rgba(0, 0, 0, 0.12);
    --bs-nav-sec-ul: 0rem 0rem 1rem 0.5rem rgba(231,233,232,0.46);

    /* border */
    --bd-search:0.31rem solid rgba(0,0,0,0.25);
  }

@media screen and (max-width: 820px) {
  :root{
    --h-nav: 7rem;
    --padding-top-section: 2rem;
    --padding-bottom-section: 2rem;
    --padding-left-section: 2rem;
    --padding-top-title: 1.5rem;
    --padding-left-title: 2rem;
    --margin-bottom-title: 2rem;
    --padding-top-detail-r: 2rem;
    --padding-left-detail-r: 2rem;
    --br-events-section: 2rem;
    --padding-top-duty-box: 2rem;
    --padding-left-duty-box: 2rem;
    --br-duty-box: 2rem;
    --br-detail: 2rem;
    --ts-fir: 2.5rem;
    --ts-eighth: 1.5rem;
    --ts-ninth: 1.5rem;
    --ts-tenth: 1.5rem;
    --h-footer: auto;
    --h-brand-road: 40rem;
    --link-item-1: 7.5rem;
    --link-item-2: 25rem;
    --margin-bottom-section: 3rem;

    --padding-top-footer: 2rem;
    --padding-left-footer: 2rem;
    --padding-bottom-footer:2rem;
    --br-footer: 2rem;
    --w-signbord-title-box: 15rem;
    --h-signbord-title-box: 6rem;
    --top-signboard-title-box: -10vw;
    --br-title: 1rem;
  }
  .l1{left: 4% !important}
  .l2{left: 13% !important}
  .l3{left: 22% !important}
  .l4{left: 32% !important}
  .l5{left: 39% !important}
  .l6{left: 50% !important}
  .l7{left: 59% !important}
  .l8{left: 68% !important}
  .l9{left: 77% !important;}
  .d-content img{
    width: 92% !important;
  }
  .txt--four{font-size: var(--ts-fivth) !important;}
  .txt--seventh{font-size: var(--ts-tenth) !important;}
  .link-item-2, .link-item-1{
    width: 18.2%;
  }
  .link-item-2 .txt--four,.link-item-1 .txt--four{
    font-size: 1.25rem !important;
  }
  .link-item-2 .txt--seventh, .link-item-1 .txt--seventh{
    font-size: 0.8 !important;
  }

  .footmin820-flex{flex-direction: column-reverse !important;}
  .footer-left{ width:100% }
  .footer-right{ width:100% }
  .part-info{padding-top: 10px}
  .part-info > li{width: 25%}

  .card-img-top{height: auto !important;}

  .detail .d-content:not(:first-child) {margin-top: 20px !important;}
  .txt--seventh{line-height: 1.5;}
  .s-title{margin-bottom: 10px;}

  .w-32{width: 100% !important;}

  .flex-r-c-c{flex-wrap: wrap;}

  .events-item{
    height: auto !important;
    margin-bottom: 20px;
  }
  .no-pt{
    padding-top: 0 !important;
  }
  .no-pb{
    padding-bottom: 0 !important;
  }
  .no-mt{
    margin-top: 0 !important;
  }
  .store-pb-2{
    padding-bottom: 2rem;
  }
  
  .t--small{
    margin-top: 0;
  }
  
  /* 榴莲节 */
  .liulian-content{
    padding: 2rem !important;
  }
  .duty-box {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .duty-box img{
    border-radius: 2rem !important;
  }

  .duty-box .card-body{
    height: auto !important;
  }
  #process .top{
    width: 100% !important;
  }
}
/* 字体 */

@font-face {
  font-family: "LaCesarFont";
  src: url("../font/LaCesarFont.otf");
}

/* 基本元素 */
* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  padding-top: var(--h-nav);
  background-color: #f9f9f9;
  overflow-x: hidden;
  line-height: 1.3;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  margin-bottom: 0;
}

li {
  list-style: none;
}

a {
  color: var(--color-txt-primary);
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

ul{
  margin-bottom: 0;
}

.txt--fir {
  font-size: var(--ts-fir);
}
.txt--sec {
  font-size: var(--ts-sec);
}
.txt--third {
  font-size: var(--ts-third);
}
.txt--fivth {
  font-size: var(--ts-fivth);
}
.txt--four {
  font-size: var(--ts-four);
}
.txt--sixth {
  font-size: var(--ts-sixth);
}
.txt--seventh {
  font-size: var(--ts-seventh);
}
.txt--eighth {
  font-size: var(--ts-eighth);
}
.txt--ninth {
  font-size: var(--ts-ninth);
  line-height: 1.5rem;
}
.txt--tenth {
  font-size: var(--ts-tenth);
}
.txt--eleventh {
  font-size: var(--ts-eleventh);
}

.talign-center {
  text-align: center;
}

.talign-left {
  text-align: left;
}

.talign-right {
  text-align: right;
}

.m-34-0 {
  margin: 34px 0;
}
.m-rem1-0{
 margin: 1rem 0;
}
.m-54-auto{
  margin: 54px auto;
}
.m-0-auto{
  margin: 0 auto;
}


.w-100 {
  width: 100%;
}
.w-80 {
  width: 80%;
}
.w-78{
  width: 78%;
}
.w-90{
  width: 90%;
}
.w-33{
  width: 33.3%;
}
.h-100 {
  height: 100%;
}


p{
  margin-bottom: 0.3rem;
}
/* 动画 */
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate(1000px, 0);
    transform: translate(1000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }
}

.animation {
  animation-duration: 0.5s !important;
  -webkit-animation-duration: 0.5s !important;
  animation-fill-mode: both !important;
  -webkit-animation-fill-mode: both !important;
  animation-name: fadeInRight;
  -webkit-animation: fadeInRight;
}

/* 样式 */

/* flex */
.flex {
  display: flex;
}

.flex-r-c-c {
  display: flex;
  flex-direction: row!important;
  justify-content: center;
  align-items: center;
}

.flex-c-c-c {
  display: flex;
  flex-direction: column!important;
  justify-content: center;
  align-items: center;
}
.flex-c{
  display: flex;
  flex-direction: column;
}

.flex-r-main-sb {
  justify-content: space-between;
}

.flex-c-main-fs {
  justify-content: flex-start;
}

.flex-r-main-sa {
  justify-content: space-around;
}
.flex-r-main-se{
  justify-content: space-evenly;
}

.flex-r-main-end{
  justify-content: flex-end;
}
.flex-c-sec-fs {
  align-items: flex-start;
}
.flex-end{
  align-items: flex-end;
}
.flex-wrap{
  flex-wrap: wrap;
}

.p-absolute {
  position: absolute !important;
}
.border-box{
  box-sizing: border-box;
}
/* 字体 */
.bolder {
  font-weight: 700;
}

/* 乐家招牌 字体设置 */
.signbord-food-font{
  margin-top: var(--margin-top-signbord-food);
  color: var(--color-strong);
}
/* 导航栏 */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  padding-left: 1.5rem;
  box-shadow: var(--bs-nav);
  background: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

.nav-content {
  width: 100%;
  height: var(--h-nav);
  box-sizing: content-box;
}

.nav-content .logo {
  width: var(--w-logo);
  height: var(--h-logo);
  background: url("../img/logo.png") no-repeat;
  background-size: cover;
}

.nav-content .right {
  height: var(--h-logo);
}

.nav-content .right .nav-list{
  height: var(--h-nav);
}

.nav-content .right .nav-list li{
  position: relative;
  height: 100%;
}

.nav-content .right .nav-list li a {
  position: relative;
  margin: 0 1.5rem;
  padding: var(--padding-top-nav-li) var(--padding-left-nav-li);
  display: block;
  white-space: nowrap;
  border-radius: var(--br-nav-li);
  font-size: var(--ts-seventh);
  font-weight: 700;
  line-height: normal;
}

.nav-content .right .nav-list a:hover {
  background-color: var(--color-strong);
}

.nav-content .right .nav-list li a:hover {
  text-decoration: none;
  color: var(--color-primary);
}

.nav-content .right .nav-list .active > a,
.nav-content .right .nav-list .active + a:hover{
  background-color: var(--color-strong);
}
.m-nav-list .active >a,.m-nav-list .active + a:hover{
  font-weight: 800;
}
.m-nav-list{
  height: auto;
}

.m-nav-list li{
  position: relative;
  height: 100%;
}

.m-nav-list li a{
  position: relative;
  margin: 6px 0;
  padding: var(--padding-top-nav-li) var(--padding-left-nav-li);
  display: block;
  white-space: nowrap;
  border-radius: var(--br-nav-li);
  font-size: var(--ts-seventh);
  /*font-weight: 700;*/
  line-height: normal;
}


/* 二级菜单 */

.sec-ul{
  position: absolute;
  top: var(--h-nav);
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 0.1rem;
  padding: .3rem 1.13rem;
  display: none;
  border-radius: 1.19rem;
  line-height: 1.5rem;
  background-color: #fff;
  text-align: center;
  box-shadow: var(--bs-nav);
}
.right-sec-ul.sec-ul{
  left: auto;
  right: 0;
  transform: translate(0, 0);
}

.nav-content .right .nav-list .sec-ul li a{
  margin: 0.6rem 0;
  font-size: var(--ts-eighth)!important;
}

.fir-li:hover .sec-ul{
  display: block;
}

/* 轮播图样式 */
section {
  width: 100%;
  /* max-width: 1920px; */
}

#lunbo {
  position: relative;
  width: 100%;
  height: var(--h-lunbo);
  overflow: hidden;
}

#lunbo .content {
  position: relative;
  width: 100%;
  height: var(--h-lunbo);
  overflow: hidden;
}

#lunbo ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  padding: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#lunbo ul li {
  width: 100%;
  flex: 1;
}

#lunbo ul li img {
  width: 100%;
  height: var(--h-lunbo);
  display: block;
}

.arrow-l,
.arrow-r {
  width: var(--w-arrow);
  height: var(--h-arrow);
  position: absolute;
  top: 50%;
  margin-top: -40px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 24px;
  font-family: "icomoon";
  text-align: center;
  line-height: var(--h-arrow);
  z-index: 2;
  display: none;
  text-decoration: none;
}
.arrow-r {
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.arrow-l {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.circle {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
}
.circle li {
  float: left;
  width: var(--w-lunbo-circle);
  height: var(--h-lunbo-circle);
  border: 2px solid var(--color-strong);
  margin: 0 3px;
  border-radius: 50%;
  /*鼠标经过显示小手*/
  cursor: pointer;
}
.current {
  background-color: var(--color-strong);
}

/* 详情信息 */
.brand-introduction {
  padding: var(--margin-bottom-title) var(--padding-left-section) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.detail {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: var(--br-detail);
  overflow: hidden;
  background: #fff;
  box-shadow: var(--bs-nav);
}

.detail .d-right {
  padding: var(--padding-top-detail-r) var(--padding-left-detail-r);
}

.detail .d-content {
  position: relative;
  margin-bottom: 20px;
}

.detail .d-content:not(:first-child) {
  margin-top: 60px;
}

.detail .banner-img {
  width: var(--w-banner-img);
  height: 100%;
}
.banner-radius{
  border-radius: var(--br-detail);
}

.m-title-box {
  padding: var(--padding-top-title) var(--padding-left-title);
  margin-bottom: var(--margin-bottom-title);
  border-radius: var(--br-title);
  background-color: var(--color-strong);
}
.s-title {
  width: fit-content;
  border-bottom: var(--bw-title) solid var(--color-strong);
  font-weight: 700;
}

.bg-half-bottom {
  background: linear-gradient(
    #f9f9f9 0%,
    #f9f9f9 60%,
    #ffb71b 60%,
    #ffb71b 100%
  );
}

.bg-half-top {
  background: linear-gradient(
    #ffb71b 0%,
    #ffb71b 60%,
    #f9f9f9 60%,
    #f9f9f9 100%
  );
}

.t--small {
  width: fit-content;
  margin: var(--margin-top-tsmall) 0 var(--margin-bottom-tsmall);
  padding: var(--padding-top-tsmall) var(--padding-left-tsmall);
  border: var(--bw-tsmall) solid var(--color-strong);
  border-radius: var(--br-txt--small);
  color: var(--color-strong);
}
.t--small-green{
  width: fit-content;
  font-size: var(--ts-seventh);
  padding: var(--padding-top-tsmall) var(--padding-left-tsmall);
  border: var(--bw-tsmall) solid var(--color-green);
  border-radius: var(--br-txt--small);
  color: var(--color-green);
}
.t--small-yellow {
  width: fit-content;
  font-size: var(--ts-seventh);
  padding: var(--padding-top-tsmall) var(--padding-left-tsmall);
  border: var(--bw-tsmall) solid var(--color-strong);
  border-radius: var(--br-txt--small);
  color: var(--color-strong);
}

/* 品牌历程 */
.laceser-font {
  font-family: "LaCesarFont";
}

.m-color {
  color: var(--color-strong);
}

.no-radius {
  border-radius: 0;
}

.no-bg {
  background: none;
  box-shadow: none;
}

.brand-road {
  padding: var(--margin-bottom-title) 0 0;
}

/* .brand-road .detail .d-content{
  margin: 0!important;
} */

.brand-road .link-item-1,
.brand-road .link-item-2 {
  position: absolute;
}

.brand-road .link-item-1 {
  top: var(--link-item-1);
}

.brand-road .link-item-2 {
  top: var(--link-item-2);
}

.brand-road .brand-road-content {
  position: relative;
  height: var(--h-brand-road);
}

.l1 {
  left: 8%;
}

.l2 {
  left: 17.5%;
  animation-delay: 0.5s;
}

.l3 {
  left: 26.5%;
  animation-delay: 1s;
}

.l4 {
  left: 35.5%;
  animation-delay: 1.5s;
}

.l5 {
  left: 43.5%;
  animation-delay: 2s;
}

.l6 {
  left: 53%;
  animation-delay: 2.5s;
}

.l7 {
  left: 60.5%;
  animation-delay: 3s;
}

.l8 {
  left: 70.5%;
  animation-delay: 3.5s;
}

.l9{
  left: 78.5%;
  animation-delay: 4s;
}

/* 品牌大事件 */
.events-box .s-title{
  margin-bottom: var(--margin-bottom-events-title);
}

.events-box .events-section{
  margin-bottom: var(--margin-bottom-events-section);
}

.events-box .card-body{
  padding: 1.3rem 2.5rem 4.06rem;
}

.events-box .card-body div{
  margin-bottom: 1rem;
}

.events-item{
  height: 40.54rem;
  border-radius: var(--br-events-section);
  overflow: hidden;
  box-shadow: var(--bs-nav);
}
.card-img-top{
  height: 20.75rem;
}

/* 榴莲节 */
.liulian-content{
  padding: 4.06rem 5.63rem;
}
.liulian-content .card{
  border: none;
}

.liulian-content .card-body{
  padding: 1.38rem 0;
}

.liulian-content .card-body p{
  text-align: left;
}

.liulian-content .card{
  margin: 4.56rem .94rem 0;
}


/* 底部 */
footer {
  width: 100%;
}

footer .top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

footer a {
  font-size: var(--ts-tenth);
}

.qrcode-box{
  margin-top: var(--margin-top-qrcode-box);
  font-weight: 700;
}

.qrcode-box > div:not(:first-child) {
  margin-left: var(--margin-left-qrcode-div);
}

.footer-content {
  width: 100%;
  height: var(--h-footer);
  padding: var(--padding-top-footer) var(--padding-left-footer) var(--padding-bottom-footer);
  border-top-left-radius: var(--br-footer);
  border-top-right-radius: var(--br-footer);
  background-color: var(--color-strong);
}

.bg-circle {
  width: var(--w-footer-small-bg);
  height: var(--h-footer-small-bg);
  margin-bottom: 0.75rem;
  border-radius: 50%;
}

.bg-square {
  width: var(--w-footer-small-bg);
  height: var(--h-footer-small-bg);
  margin-bottom: 0.75rem;
  border-radius: 15px;
}

.bg-f1{
  background: #F1F1F1;
}

.bg-f4{
  background: #F9F9F9;
}

.order {
  background: url("../img/xiaochengxu.jpg") no-repeat;
  background-size: 100% 100%;
}

.public {
  background: url("../img/gongzhonghao.png") no-repeat;
  background-size: 100% 100%;
}

.douyin {
  background: url("../img/douyin.png") no-repeat;
  background-size: 100% 100%;
}

.xiaohongshu {
  background: url("../img/xiaohongshu.png") no-repeat;
  background-size: 100% 100%;
}

.weibo {
  background: url("../img/weibo.png") no-repeat;
  background-size: 100% 100%;
}

.part-info > li {
  margin-left: 2rem;
}

.part-info > li ul li{
  margin: 1rem 0;
}

/* 社会责任 */
.section-bottom {
  margin-bottom: var(--margin-bottom-title);
}

.duty-box {
  width: 48%;
  padding: var(--padding-top-duty-box) var(--padding-left-duty-box);
  /* border-radius: 50px; */
  border-radius: var(--br-duty-box);
  overflow: hidden;
  box-shadow: var(--bs-nav);
}
.duty-box .s-title {
  margin: var(--margin-duty-s-title) 0;
}

.duty-box .card-body {
  height: var(--h-txt-duty);
  justify-content: flex-start;
  padding: 0;
}

.duty-box img {
  display: block;
  border-radius: 50px;
}


/* 儿童友好 */

.child-box{
  width: 100%;
  padding: var(--padding-top-child-box) var(--padding-left-child-box);
}

.child-box-idea{
  padding: var(--padding-top-child-box-idea) 0;
}

.child-title{
  margin-bottom: var(--margin-bottom-child-title);
}

/* .d-top{
  margin-bottom: var(--margin-bottom-dtop);
} */

.w-48-5{
  width: 48.5%;
}
.w-60 {
  width: 60%;
}
.w-32{
  width: 32%;
}

.mr-auto{
  margin-right: auto;
}

.ml-auto{
  margin-left: auto;
}

.bg-child{
  height: var(--h-bg-child);
  background: url('../img/child_bg.png') no-repeat;
  background-size: 100% 100%;
}

.bg-white{
  background: #fff!important;
}
.mb-child{
  margin-bottom: var(--margin-bottom-child-img);
}

/* 特许经营 */
.tips div{
  width: 60%;
  padding-top: 6.63rem;
  text-align: center;
}

#advantage .detail{
  width: 100%;
  padding: 4.7rem 0;
}
#advantage .detail .c-item{
  width: 34%;
}
#condition .detail{
  width: 100%;
  padding: 4.7rem 0;
}

.c-item{
  width: 50%;
  margin-top: 1rem;
  line-height: 2.56rem;
  justify-content: flex-start;
}

.c-item .c-item-idx{
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ffb71b;
}

#expense .detail{
  padding: 7.56rem 0;
}

#expense .detail table,
#expense .detail p{
  width: 70%;
}

#expense .detail table{
  border-radius: 1.94rem;
  overflow: hidden;
}

#expense .detail p{
  color: rgba(0, 0, 0, 0.5);
  text-align: right;
}

#expense .detail table th,
#expense .detail table td{
  width: 50%;
  padding: 2rem 0;
  font-size: var(--ts-seventh);
  background-color: #F9F9F9;
}

#expense .table-bordered td, .table-bordered th{
  border-color: #fff;
}

/* 门店类型 */
#shopType .card-body{
  padding-top: 0;
}

#shopType .card-body div{
  margin-top: 1rem;
  margin-bottom: 0;
}

/* 自选点位建议 */
#point .detail{
  padding: 4.75rem 10rem;
}

#support .top,
#process .top,
#point .top{
  position: relative;
  width: 100%;
  margin-left: 20rem;
  margin-bottom: 7rem;
  flex: 1;
  flex-wrap: wrap;
  flex-shrink: 0;
}
#support .c-item,
#point .c-item{
  min-width: 50%;
  margin-top: 1rem;
  flex: 1;
  white-space: nowrap;
}
#point .c-item{
  min-width: 70%;
}

#point .bottom{
  width: 80%;
}

#point .bottom .tips{
  margin-bottom: 2.5rem;
}

#point .bottom .txt-tenth{
  margin-top: 1.44rem;
  line-height: 1.38rem;
}

/* 合作支持 */
#support .detail{
  padding: 4.75rem 0 6.75rem;
  flex-wrap: wrap;
}

#process .top,
#support .top{
  width: 80%;
  margin-bottom: 0;
}

/* 合作流程 */
#process .detail{
  padding: 4.31rem 0 7.19rem;
}

#process .top{
  margin-left: 14rem;
}

#process .top .c-item{
  margin-top: 2.88rem;
}

#join{
  padding: var(--margin-bottom-title) 0 ;
  margin: 0 auto;
}

#join img {
  width: 37.88rem;
  object-fit: contain;
  cursor: pointer;
}

/*门店体验*/
.store-input-color{
  color:var(--color-txt-search);
}
a.disabled {
  pointer-events: none;
  cursor: default;
}

.detail-content{
  line-height: 2.56rem;
  justify-content: flex-start;
}

#LShop,#littleCooker,#package{margin-bottom: var(--margin-bottom-title);}